﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Master/Main.master" AutoEventWireup="true" CodeBehind="Behaviours.aspx.cs" Inherits="EntryExit.Behaviours" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <dx:ASPxRoundPanel ID="ParentPanel" runat="server" HeaderText="Attendance Behaviour of Employees" Width="100%">
        <HeaderStyle HorizontalAlign="Center" Font-Bold="True" Font-Size="Medium" />
        <PanelCollection>
            <dx:PanelContent>
                <table align="center">
                    <tr align="center">
                        <td align="center">
                            <asp:DropDownList ID="ddlMonth" runat="server">
                                <asp:ListItem>JAN</asp:ListItem>
                                <asp:ListItem>FEB</asp:ListItem>
                                <asp:ListItem>MAR</asp:ListItem>
                                <asp:ListItem>APR</asp:ListItem>
                                <asp:ListItem>MAY</asp:ListItem>
                                <asp:ListItem>JUN</asp:ListItem>
                                <asp:ListItem>JUL</asp:ListItem>
                                <asp:ListItem>AUG</asp:ListItem>
                                <asp:ListItem>SEP</asp:ListItem>
                                <asp:ListItem>OCT</asp:ListItem>
                                <asp:ListItem>NOV</asp:ListItem>
                                <asp:ListItem>DEC</asp:ListItem>
                            </asp:DropDownList>
                            <asp:DropDownList ID="ddlYear" runat="server"></asp:DropDownList>
                        </td>
                        <td align="center">
                            <dx:ASPxButton ID="btnShowBehaviours" runat="server" Text="Show" Theme="Office2010Black" OnClick="btnShowBehaviours_Click"></dx:ASPxButton>
                        </td>
                    </tr>
                </table>
                <dx:WebChartControl ID="chartBehaviours" runat="server" Width="1000px" Height="400px" Visible="false" PaletteName="Behaviour">
                    <emptycharttext text="No data to display" />
                    <diagramserializable>
                        <dx:SimpleDiagram EqualPieSize="False">
                        </dx:SimpleDiagram>
                    </diagramserializable>
                    <fillstyle><OptionsSerializable>
<dx:SolidFillOptions></dx:SolidFillOptions>
</OptionsSerializable>
</fillstyle>

                    <legend visible="False"></legend>

                    <seriesserializable>
                        <dx:Series Name="BehSeries">
                            <viewserializable>
                                <dx:PieSeriesView RuntimeExploding="False">
                                </dx:PieSeriesView>
                            </viewserializable>
                            <labelserializable>
                                <dx:PieSeriesLabel LineVisible="True">
                                    <fillstyle>
                                        <optionsserializable>
                                            <dx:SolidFillOptions />
                                        </optionsserializable>
                                    </fillstyle>
                                    <pointoptionsserializable>
                                        <dx:PiePointOptions>
                                            <valuenumericoptions format="Percent" />
                                        </dx:PiePointOptions>
                                    </pointoptionsserializable>
                                </dx:PieSeriesLabel>
                            </labelserializable>
                            <legendpointoptionsserializable>
                                <dx:PiePointOptions>
                                    <valuenumericoptions format="Percent" />
                                </dx:PiePointOptions>
                            </legendpointoptionsserializable>
                        </dx:Series>
                    </seriesserializable>

                    <seriestemplate><ViewSerializable>
    <dx:PieSeriesView RuntimeExploding="False">
    </dx:PieSeriesView>
</ViewSerializable>
<LabelSerializable>
    <dx:PieSeriesLabel LineVisible="True">
        <fillstyle>
            <optionsserializable>
                <dx:SolidFillOptions />
            </optionsserializable>
        </fillstyle>
        <pointoptionsserializable>
            <dx:PiePointOptions>
                <valuenumericoptions format="Percent" />
            </dx:PiePointOptions>
        </pointoptionsserializable>
    </dx:PieSeriesLabel>
</LabelSerializable>
<LegendPointOptionsSerializable>
<dx:PiePointOptions>
<ValueNumericOptions Format="Percent"></ValueNumericOptions>
</dx:PiePointOptions>
</LegendPointOptionsSerializable>
</seriestemplate>

                    <titles>
                        <dx:ChartTitle Text="" />
                    </titles>

                    <palettewrappers>
                        <dx:PaletteWrapper Name="Behaviour" ScaleMode="Repeat">
                            <palette>
                                <dx:PaletteEntry Color="255, 255, 0" Color2="255, 255, 0" /> 
                                <dx:PaletteEntry Color="255, 182, 193" Color2="255, 182, 193" /> 
                                <dx:PaletteEntry Color="155, 187, 89" Color2="155, 187, 89" />  
                                <dx:PaletteEntry Color="255,140,0" Color2="255,140,0" />  
                            </palette>
                        </dx:PaletteWrapper>
                    </palettewrappers>

                    <crosshairoptions><CommonLabelPositionSerializable>
<dx:CrosshairMousePosition></dx:CrosshairMousePosition>
</CommonLabelPositionSerializable>
</crosshairoptions>

                    <tooltipoptions><ToolTipPositionSerializable>
<dx:ToolTipMousePosition></dx:ToolTipMousePosition>
</ToolTipPositionSerializable>
</tooltipoptions>
                </dx:WebChartControl>
                <table align="center" width="100%">
                    <tr align="center">
                        <td align="center">
                            <dx:ASPxLabel ID="lblStatus" runat="server" Text="No data available for selected month" Visible="false"></dx:ASPxLabel>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 100px; background: rgb(255, 255, 0)" align="center"></td>
                        <td>
                            <dx:ASPxLabel ID="ASPxLabel2" runat="server" Text="Over Working Hours"></dx:ASPxLabel>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 100px; background: rgb(155,187,89)" align="center"></td>
                        <td>
                            <dx:ASPxLabel ID="ASPxLabel1" runat="server" Text="Normal Working Hours"></dx:ASPxLabel>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 100px; background: rgb(255, 182, 193)" align="center"></td>
                        <td>
                            <dx:ASPxLabel ID="ASPxLabel3" runat="server" Text="Low Working Hours"></dx:ASPxLabel>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 100px; background: rgb(255,140,0)" align="center"></td>
                        <td>
                            <dx:ASPxLabel ID="ASPxLabel223" runat="server" Text="Less Than Three Hours"></dx:ASPxLabel>
                        </td>
                    </tr>
                </table>
            </dx:PanelContent>
        </PanelCollection>
    </dx:ASPxRoundPanel>
</asp:Content>
<%--<asp:Content ID="Content2" ContentPlaceHolderID="RightContent" runat="server">
    <dx:ASPxSplitter ID="ASPxSplitter1" Orientation="Vertical" runat="server" Width="100%" Height="100%" AllowResize="False" Font-Size="Medium">
        <Panes>
            <dx:SplitterPane ScrollBars="Auto" Size="100%">
                <Separators Visible="False" />
                <ContentCollection>
                    <dx:SplitterContentControl>
                        <dx:ASPxTreeView ID="subOrdinatesTreeView" Width="100%" runat="server" AllowSelectNode="True" OnNodeClick="subOrdinatesTreeView_NodeClick" Theme="SoftOrange">
                        </dx:ASPxTreeView>
                    </dx:SplitterContentControl>
                </ContentCollection>
            </dx:SplitterPane>
        </Panes>
    </dx:ASPxSplitter>
</asp:Content>--%>
